@import '../storebase';
@import '../components/header';
@import '../components/animate';
.submit {
  height: px2rem(95);
  position: relative;
  p {
    width: 100%;
    height: px2rem(95);
    text-align: center;
    line-height: px2rem(95);
    font-size: px2rem(36);
    color: #333;
  }
  button {
    height: px2rem(95);
    position: absolute;
    width: px2rem(90);
    right: 0;
    top: 0;
    background: none;
    border: none;
    font-size: px2rem(30);
    color: #3c3c3c;

  }
}
#main{
  border-top: px2rem(1) solid #d0d0d0;
  padding:px2rem(40) px2rem(22) 0;
  .content{
    word-wrap:break-word;
    word-break:normal;
    width: 100%;
    height: px2rem(414);
    border: 1px solid #d0d0d0;
    textarea{
      resize: none;
      overflow: hidden;
      width:100%;
      height: 100%;
      border:none;
      font-size: px2rem(26);
      padding: px2rem(15);
      &:focus{
        box-shadow:0px -1px 11px -1px #b0b0b0 inset
      }
    }
  }
  .contact_ifo{
    width:100%;
    height:px2rem(65);
    line-height: px2rem(65);
    border: 1px solid #d0d0d0;
    margin-top:px2rem(30);
    position: relative;
    span{
      display: inline-block;
      font-size: px2rem(30);
      position: absolute;
      left: px2rem(19);
      top:0;
      color: #3c3c3c;
    }
    input{
      width: 100%;
      height: 100%;
      padding-left: px2rem(185);
      font-size: px2rem(26);
      border: none;
      float: right;
      &:focus{
        box-shadow:  -2px 1px 4px -1px #b0b0b0 inset;
      }
    }
  }
  .error{
    margin-top: px2rem(80);
    width: 100%;
    text-align: center;
    height: px2rem(175);
    background: rgba(152, 152, 152, 0.72);
    position: relative;
    display: none;
    border-radius: px2rem(10);
    i{
      color: white;
      font-style: normal;
      font-size: px2rem(40);
      height: px2rem(175);
      line-height: px2rem(175);

    }
    div{
      width: px2rem(80);
      height: px2rem(80);
      position: absolute;
      top: 0;
      right: 0;
      span{
        display: block;
        width: px2rem(40);
        height: px2rem(40);
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -(px2rem(20));
        margin-top: -(px2rem(20));
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        background: url("../images/close.png")no-repeat;
        background-size: 100% 100%;

      }
    }
  }
}
